import router from './router'
import store from './store'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

// NProgress 配置
NProgress.configure({ showSpinner: false })

// 路由白名单（这里的路由不需要token就可以访问）
const whiteList = ['/login']

router.beforeEach(async(to, from, next) => {
  // 开始进度条
  NProgress.start()

  // 用户是否登录
  const hasToken = store.getters.token

  if (hasToken) {
    if (to.path === '/login') {
      // 如果已登录，并且前往的页面是登陆页面，则重定向到首页
      next({ path: '/' })
      NProgress.done()
    } else {
      // 如果store里面的addRoute没有了，证明页面刷新了，需要重新获取人员信息
      if (store.getters.add_routers && store.getters.add_routers.length === 0) {
        try {
          // 获取人员信息的接口
          const routeList = await store.dispatch('user/getInfo')

          // 处理路由的action
          const accessRoutes = await store.dispatch('permission/addRoutes', routeList)

          // 处理完路由之后，向router中添加
          router.addRoutes(accessRoutes)

          // hack方法 确保addRoutes已完成
          // 将replace:true设置为true，这样导航将不会留下历史记录
          next({ ...to, replace: true })
        } catch (error) {
          // 删除令牌并转到登录页面重新登录
          await store.dispatch('user/resetToken')
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      } else {
        next()
      }
    }
  } else {
    /* 判断是否白名单里面的path*/
    if (whiteList.includes(to.path)) {
      next()
    } else {
      // 重定向到登录页面.
      next('/login')
      NProgress.done()
    }
  }
})

router.afterEach(() => {
  NProgress.done()
})
